*{margin:0; padding:0;}
img{border:0;}
body{font-size:12px; font-family:"宋体";}
a img{border:none;}
a{border:none;}
#con{width:100%; height:100%;text-align:center;}
#con_1, #con_2{width:640px; height:960px; margin:0 auto;position: relative;}
#con_1 #con_v, #con_2 #con_v{width:530px; padding:620px 0 0 60px;font-size:24px; line-height:36px; font-family:"微软雅黑";font-weight:bold;text-align:left;}
#con_1 h2, #con_2 h2{width:530px; font-size:24px;line-height:40px; font-family:"微软雅黑"; font-weight:normal;text-align:right; overflow:hidden;}
#con_1 #con_11, #con_2 #con_11{width:392px;margin:20px auto;}
#con_1{background: url(../images/greetingcard/bg1.jpg?v=20140126) no-repeat;}
#con_2{background: url(../images/greetingcard/bg2.jpg?v=20140126) no-repeat;}
.zq1 p,.zq1 h2{color:#360c0a;}
.zq2 p,.zq2 h2,.zq8 p,.zq8 h2{color:#ffffff;}
.sharebtn{display:block;width:125px;height:80px;top:0;right:0;position:absolute;}
.loaderdiv{
	position: absolute;
	width:100%;
	height:100%;
	top: 0;
	background-color: #999;
	opacity: .5;
	display:none;
	z-index:999;
}
#sharelist{
	position: absolute;
	width:100%;
	height:100%;
	z-index:888;
	top:0;
	display:none;
}
.sharelist{
	position: absolute;
	width:100%;
	height:100%;
	top: 20px;
	z-index:888;
	text-align: center;
}
.sharemark{
	position: absolute;
	width:100%;
	height:100%;
	top: 0;
	background-color: #000;
	opacity: .8;
}
.sharelist span{font-size:24px;font-family:"微软雅黑"; 
	text-align: center;
	display: block;
	color: white;
	margin-top: 20px;
	padding: 5px;
}
.sharelist ul{
	width: 200px;
	margin: 0 auto;
}
.sharelist li{
	margin: 10px 0;
	border-radius: 10px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: white;
	list-style: none;
}
.sharelist a.cancle{font-size:24px;font-family:"微软雅黑"; 
	text-decoration: none;
	display: block;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	color: white;
	background-color: #1C7A9E;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
}
.sharelist li a{
	text-decoration: none;
	color: #333;
	font-size:24px;font-family:"微软雅黑"; 
}

#checked {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif, Helvetica;
	width: 300px;
	position: absolute;left:10px;top:10px;
	margin: 0px auto;
}
.labelBox {
	margin-bottom: 20px;
	background: -webkit-linear-gradient(19% 75% 90deg,#3095C7, #14539C); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#14539C), to(#3095C7));
	background: -moz-linear-gradient(19% 75% 90deg,#3095C7, #14539C); 
	background: -ms-linear-gradient(19% 75% 90deg,#3095C7, #14539C); 
	background: -o-linear-gradient(19% 75% 90deg,#3095C7, #14539C); 
	background: linear-gradient(19% 75% 90deg,#3095C7, #14539C); 
	border-radius: 4px;
	border: 1px solid #555555;
	width: 80px;
	position: relative;
	height: 32px;
}

.labelBox::before,
.labelBox::after {
	content:"ON";
	padding-left: 9px;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	text-shadow: #093b5c 0 -1px 1px;
}
.labelBox::after {
	content:"OFF";
	padding-left: 12px;
}
.check { 
	display: block;
	width: 40px;
	height: 30px;
	border-radius: 3px;
	background: #fff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A1A1A1), to(#FFFFFF));
	background: -webkit-linear-gradient(19% 75% 90deg,#FFFFFF, #A1A1A1);
	background: -moz-linear-gradient(19% 75% 90deg,#FFFFFF, #A1A1A1);
	background: -ms-linear-gradient(19% 75% 90deg,#FFFFFF, #A1A1A1);
	background: -o-linear-gradient(19% 75% 90deg,#FFFFFF, #A1A1A1);
	background: -moz-linear-gradient(19% 75% 90deg,#FFFFFF, #A1A1A1);
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 0px;
	left: 0px;
}
input[type=checkbox] {
	border: 0 none !important;
	clip: rect(1px,1px,1px,1px);
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	width: 1px !important;
}
@-webkit-keyframes labelON {
	0% {
		top: 0px;
    left: 0px;
	}
	
	100% { 
		top: 0px;
    left: 38px;
	}
}

@-moz-keyframes labelON {
	0% {
		top: 0px;
    left: 0px;
	}	
	100% { 
		top: 0px;
    left: 38px;
	}
}
@-o-keyframes labelON {
	0% {
		top: 0px;
    left: 0px;
	}
	
	100% { 
		top: 0px;
    left: 38px;
	}
}

@-ms-keyframes labelON {
	0% {
		top: 0px;
    left: 0px;
	}	
	100% { 
		top: 0px;
    left: 38px;
	}
}

@keyframes labelON {
	0% {
		top: 0px;
    left: 0px;
	}	
	100% { 
		top: 0px;
    left: 38px;
	}
}
@-webkit-keyframes labelOFF {
	0% {
		top: 0px;
    left: 38px;
	}
	
	100% { 
		top: 0px;
    left: 0px;
	}
}
@-moz-keyframes labelOFF {
	0% {
		top: 0px;
    left: 38px;
	}
	
	100% { 
		top: 0px;
    left: 0px;
	}
}
@-o-keyframes labelOFF {
	0% {
		top: 0px;
    left: 38px;
	}
	
	100% { 
		top: 0px;
    left: 0px;
	}
}
@-ms-keyframes labelOFF {
	0% {
		top: 0px;
    left: 38px;
	}
	
	100% { 
		top: 0px;
    left: 0px;
	}
}
@keyframes labelOFF {
	0% {
		top: 0px;
   	left: 38px;
	}
	
	100% { 
		top: 0px;
   	left: 0px;
	}
}
input[type=checkbox]:checked + label.check {
	top: 0px;
	left: 38px;	
	-webkit-animation: labelON 0.2s ease-in 0s 1;
	-moz-animation: labelON 0.2s ease-in 0s 1;
	-o-animation: labelON 0.2s ease-in 0s 1;
	-ms-animation: labelON 0.2s ease-in 0s 1;
	animation: labelON 0.2s ease-in 0s 1;
  box-shadow: #244766 -1px 0px 3px;
}

input[type=checkbox] + label.check {
	top: 0px;
	left: 0px;
	-webkit-animation: labelOFF 0.2s ease-in 0s 1;
	-moz-animation: labelOFF 0.2s ease-in 0s 1;
	-o-animation: labelOFF 0.2s ease-in 0s 1;
	-ms-animation: labelOFF 0.2s ease-in 0s 1;
	animation: labelOFF 0.2s ease-in 0s 1;
	box-shadow: #244766 1px 0px 3px;		
}
.zq2 .info {color: #fff;}
label.info {
	position: absolute;
	color: #000;
	top:0px;
	/*left: 20px;*/
	line-height: 32px;
	width: 200px;font-size:18px;
}